<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>九江学院教务处</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8f8f8;
        }
        .header {
            background-color: #fff;
            padding: 20px 0;
            margin-bottom: 20px;
            text-align: center;
        }
        .container {
            width: 1200px;
            margin: auto;
            overflow: hidden;
        }
        .logo {
            display: block;
            margin: auto;
            width: 200px; /* 根据实际图片尺寸调整 */
            height: auto; /* 保持图片比例 */
        }
        .banner {
            width: 100%; /* 横幅图片宽度 */
            height: auto; /* 横幅图片高度 */
            display: block;
            margin-bottom: 20px;
        }
        .content {
            display: flex;
            justify-content: space-between;
            margin-bottom: 20px;
        }
        .content img {
            width: 31%; /* 根据实际布局调整 */
            height: auto; /* 保持图片比例 */
            margin-right: 2%;
        }
        .content img:last-child {
            margin-right: 0;
        }
        .footer {
            background-color: #fff;
            text-align: center;
            padding: 10px 0;
            position: relative;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <div class="header">
        <div class="container">
            <img src="logo_jwc.jpg" alt="九江学院教务处Logo" class="logo">
            <p>地址：江西省九江市前进东路551号九江学院教务处（主校区2号行政楼）</p>
            <p>Copyright © 2015 Academic Affairs Office Of Jiujiang University All Rights Reserved</p>
        </div>
    </div>

    <div class="container">
        <img src="images/2c366c55a2fdc0927f16df8e69210ffa_banner_20221014.jpg" alt="网站横幅" class="banner">
    </div>

    <div class="container content">
        <img src="images/i_r17_c2.jpg" alt="校园风景1">
        <img src="images/i_r18_c11.jpg" alt="校园风景2">
        <img src="images/i_r17_c10.jpg" alt="校园风景3">
    </div>

    <div class="footer">
        <div class="container">
            <p>地址：江西省九江市前进东路551号九江学院教务处（主校区2号行政楼）</p>
            <p>Copyright © 2015 Academic Affairs Office Of Jiujiang University All Rights Reserved</p>
        </div>
    </div>
</body>
</html>